Overview

This presentation explores the visualization of the DevSol.xlsx data source converted to Graph Data. Graph data can seem confusing at first, illicting feelings of Anger or Fear. Visualizations of graph data can also be Artistic. For Data Nerds, the true beauty is found in the semantic inter-connectedness of the data itself.

Inspiration

British Television Series Spaced, S1E1

Daisy: What do you do, Brian?
Brian: I’m an artist.
Daisy: Oh… What kind of thing do you do?
Brian: Anger. Pain. Fear. Aggression.
Daisy: Oh. Watercolours?
Brian: It's a bit more complex than that.


“It's a bit more complex than that.” (Methodology)

Data is read from the spreadsheet using R and converted to graph data as Resource Description Framework.

The graph data schema replaces the traditional row-by-column representation with semantic relationships between the types of entities in the data. For example, a Person attends a Clinic, which is locatedIn a City. No other details were provided for the studies, so Phase was assigned directly to the Person, interpreted as “the person participates in a Phase n study.” The visualizations on this page focus on the people and the location of the clinics they attend.

R is used to both materialize the data into the graph model and for visualization.


This Force Directed Network Graph of the data, without labels or interactivity, only leads to feelings of anger and frustration.


Interaction: None. Observation only.

Technical Details
R Package: visNetwork
Parameters: Physics = repulsion, with low damping to keep the plot in motion.

Don’t look away. Let the fear wash over you!” - David Lynch in Family Guy, How David Lynch Stole Christmas

Minimal labels (with mouseover) and misleading images only serve to evolve your anger into fear. Is this even the data? It is - which makes it all the more terrifying!

Technical Details
R Package: visNetwork
Parameters: randomseed layout with externally hosted images.
Bat image copyright Edward Gorey.

Data imitates art, with inspiration from Flower Garden by Gustav Klimt (1905) :

Data for this plot was subset to six patients(two male and three female ) to illustrate their connection to clinics , cities , states , and country .

TODO: Update image


Interaction: None. Observation only.

Technical Details
R Package: visNetwork

Other Software: GIMP

Image Preparation

  • GIMP was used to extract individual flowers from the source image and then apply the filter Artistic|Oilify. GIMP was also used to create the background by cloning the original green background over the entire image to remove existing flowers.
  • Individual flower images as transparent .PNG are hosted on GitHub. visNetwork cannot use local images for nodes with the exception of RShiny applications.
  • The plot was created from the data using R visNetwork. The package does not allow use of background images, so the plot was saved to a transparent .PNG and then overlayed on top of the prepared background image, creating a static, non-interactive display.

Is this actual data? In the image below, start at the top by hovering your mouse over a flower and trace the route down from Person to Country, hovering over the links and nodes to reveal their relationships.


Interaction: Mouse over nodes and links to reveal labels. Drag nodes (left button, hold and drag). Zoom In/Out with mouse scroll wheel.

The Real Beauty is in the Data

For graph nerds like myself, the true beauty lies in the ability to query along the semantic graph of data, without FEAR, ANGER, or Artistic Abstraction.


Interaction: Mouse over nodes to reveal labels. Drag nodes (left button, hold and drag). Zoom In/Out with mouse scroll wheel.

Technical Details
R Package: visNetwork
Parameters: Physics disabled. Minimal styling.

Contact

To learn more about Knowledge Graphs, sign up for my UCB Visualization Summit talk “Visualizing Knowledge Graphs: Information Solution or Ball of Confusion?” on March 24 or send me an email. - Tim Williams